@charset "UTF-8";
#header{width:100%;z-index:998;background:#ffffff;left:0;top:0px;padding: 15px 0 15px 0;}
#logo{width: 400px;height: 50px;float:left;display:block;}
#logo a{width: 400px;height: 50px;float:left;display:block;position:absolute;z-index:1000;}
#header .top_right{ float:right;}
#header .top_right .top_link{ text-align:right;}
#header .top_right .top_link a{ color:#333; margin-left:5px; line-height:20px;}
#header .top_right .top_link a:hover{ color:#0060b2;}

.china_web{padding-left: 10px;margin-right: 27px;line-height: 32px;float:left;font-size: 14px;color: #777;background: url("../images/aaa1.png") left center no-repeat;}
.china_web:hover{ color:#0060b2;}

#rnav{float:right;margin-top:28px;}
#rnav a{ padding:5px 15px 5px 15px; line-height:20px; border:1px solid #fff; border-radius:3px;display:block;text-align:center;font-size:12px;color:#fff;margin-left:4px;float:left;-webkit-text-size-adjust:none;}
#rnav a#ractive{background:#c6c6c6;color:#fff;}


#ind_box01{ width:100%; margin:0px auto; clear:both; background: url(../images/x.png) repeat-x  bottom #04131d; font-size:14px; line-height:30px;}
.hot_gjz{ height:30px; float:left; padding:15px; width:60%; max-width:685px;  line-height:30px; overflow:hidden;}
.hot_gjz b{ border-left:5px solid #129ecf; padding-left:10px; font-weight:normal; font-size:16px;  float:left; color:#fff;}
.hot_gjz a{ float:left; color:#999; margin-right:15px; font-size:13px;}
.hot_gjz a:hover{ color:#fff;}
.hot_gjz a i{ font-style:normal; margin-left:20px;}
.hot_gjz span{ float:left; color:#e07d13; margin-right:15px;}

/*--搜索--*/

#ss_box{width: 540px;height: 36px;float:right;font-family: 'Arial','Microsoft YaHei';margin-top:5px;background:#fff;overflow:hidden;float:right;}

#ss_box .ss_input{width: 240px;float:right;height: 30px;line-height: 32px;vertical-align:middle;padding-left: 8px;font-size: 14px;color:#999;font-family: 'Arial','Microsoft YaHei';resize:none;border:none;outline:none;border: 1px solid #bdbdbd;border-radius:3px 0px 0px 3px;border-right:0px;}

#ss_box .ss_input:hover{ color:#999; } 
#ss_box .ss_an{width:40px;height: 32px;line-height: 32px;background:#0060b2 url("../images/ss.png") center no-repeat;border-radius:0;float:right;border:none;cursor:pointer;color:#fff;font-family:'Arial','Microsoft YaHei';font-size:12px;}

.head-v3{position:relative;z-index:8999; width:100%; border-top:1px solid #ddd;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;width: 94%;max-width: 1200px;}
.navigation-up{height:50px;background:#fff;border-bottom: 3px solid #0b419b;}
.navigation-up .navigation-v3{float:left;width: 100%;}
.navigation-up .navigation-v3 ul{float:left;width: 100%;}
.navigation-up .navigation-v3 li{float:left;width: 16.666666%;font:normal 16px/50px 'Arial','Microsoft YaHei';text-align: center;color:#333;background:url(../images/nav_x.png) no-repeat center right;}
.navigation-up .navigation-v3 .nav-up-selected{background:#0060b2; border-bottom:3px solid ##0b419b; color:#fff; -webkit-transition: 0.3s; -o-transition: 0.3s;transition: 0.3s;}
.navigation-up .navigation-v3 .nav-up-selected a{ color:#333;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#0060b2; color:#fff;}
.navigation-up .navigation-v3 .nav-up-selected-inpage a{ color:#fff;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; }
.navigation-up .navigation-v3 li h2 a{color:#333;display:inline-block;height:50px;font-family: 'Arial','Microsoft YaHei';}
.home{ background:url(../images/home01.png) no-repeat 45px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 45px  center;}

.navigation-down{position:absolute;top:53px;left:0px;width:100%;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:url(../images/btm90.png);position:absolute;top:0px;}

.nav_xlbox{width: 94%;max-width: 1200px;margin:40px auto;text-align:left;}
.nav_xlbox .picd{ float:left; max-width:300px; width:30%;}
.nav_xlbox .infod{float:left;width: 36%;margin-left:3%;}
.nav_xlbox .infod .itd{ margin-bottom:15px;}
.nav_xlbox .infod .itd h3{color:#0060b2;font-weight:normal;height:15px;font-size: 16px;line-height:15px;margin:0px;pad;padding-top: 5px;}
.nav_xlbox .infod .itd h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.nav_xlbox .infod .itd p{ color:#fe4c10; font-size:16px; margin:0px; padding:0px; font-weight:bold;}
.nav_xlbox .infod .dep{font-size: 13px;color: #505050;line-height: 1.8;}
.nav_xlbox .infod .dep b{ font-weight:normal}
.nav_xlbox .linkd{float:right;width: 22%;}
.nav_xlbox .linkd a{color: #505050;display:block;font-size:14px;height:40px;line-height:40px;border-bottom:1px solid #ddd;width:100%;background:url(../images/jtr2.png) no-repeat center right;}
.nav_xlbox .linkd a:hover{ color:#0e5fac;}


.product_w1200_center{ width:98%; max-width:1200px; margin:auto; height:350px; overflow:hidden; clear:both;}
.pro_xl_bt{ width:16%; float:left; padding:45px 0 30px 0;}
.pro_xl_bt h3{ color:#0060b2;font-weight:normal;height:15px;font-size:18px; line-height:15px; margin:0px; padding:0px;}
.pro_xl_bt h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.pro_xl_bt span.x{ background:#0060b2; height:3px; width:40px; display:block; margin-top:20px;}
.pro_xl_bt .scene_more{ display:block; border:1px solid #0060b2; text-align:center; color:#0060b2; width:100px; height:35px; line-height:35px; border-radius:3px; margin-top:30px;transition: all 0.5s; clear:both;}
.pro_xl_bt .scene_more span{  font-weight:bold;}
.pro_xl_bt .scene_more:hover{ background:#0060b2; color:#fff;}
.pro_xl_bt .scene_more02 img{ float:none; margin-top:20px;}

/* 本例子css */

.outBox{ width:84%; text-align:left; float:left;}
.outBox .hd{ line-height:40px; padding:0px; border-right:1px solid #ddd; border-left:1px solid #ddd;  position:relative; width:27%; float:left;  padding:30px 0 30px 0; overflow:hidden;height:320px; }
.outBox .hd ul{ overflow-y:scroll; zoom:1;padding:0 30px 0 30px;height:330px; position:relative;}
.outBox .hd ul li{ padding:0px; cursor:pointer; font-size:14px; }
.outBox .hd ul li a{ color:#333; display:block;}
.outBox .hd ul li.on a{ color:#0060b2; background:url(../images/xl_navicon01.png) no-repeat right center;  }

.inBox{ padding:0px 0px 0 0px; float:left; width:72%; height:350px; overflow:hidden; }
.inBox .inHd{line-height:40px;padding:30px 0; width:35%; float:left; border-right:1px solid #ddd; height:350px;}
.inBox .inHd ul{ overflow-y:scroll; zoom:1;padding:0 30px 0 30px;height:330px; position:relative;}
.inBox .inHd ul::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inHd ul::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inHd ul::-webkit-scrollbar-track     {background:none;}
.inBox .inHd ul::-webkit-scrollbar-track-piece {background:none;}
.inBox .inHd ul::-webkit-scrollbar-thumb{background:#0060b2;border-radius:5px;}
.inBox .inHd ul::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inHd ul::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inHd ul li{ height:40px;text-align:left; cursor:pointer; font-size:14px; overflow:hidden;}
.inBox .inHd ul li a{ color:#333; display:block;}
.inBox .inHd ul li.on a{ color:#0060b2; background:url(../images/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd{ width:64%; float:left;}
.inBox .inBd dl{ padding:0px 30px;zoom:1; overflow:hidden;  height:350px;   }
.inBox .inBd dl dd{ float:left; width:55%; border-right:1px solid #ddd; height:290px; padding:30px 0; overflow-y:scroll;}
.inBox .inBd dl dd::-webkit-scrollbar {width:3px;height:10px;}
.inBox .inBd dl dd::-webkit-scrollbar-button    {background-color:#fff; display:none;}
.inBox .inBd dl dd::-webkit-scrollbar-track     {background:none;}
.inBox .inBd dl dd::-webkit-scrollbar-track-piece {background:none;}
.inBox .inBd dl dd::-webkit-scrollbar-thumb{background:#0060b2;border-radius:5px;}
.inBox .inBd dl dd::-webkit-scrollbar-corner {background:#82AFFF;}
.inBox .inBd dl dd::-webkit-scrollbar-resizer  {background:#FF0BEE;}


.inBox .inBd dl dt{ float:right; width:34%;padding:30px 0 0 10%;}

.inBox .inBd dl dd li{ height:40px; line-height:40px; overflow:hidden;  padding-right:25px; }
.inBox .inBd dl dd li a{ color:#333;display:block; padding-right:20px;overflow:hidden; }
.inBox .inBd dl dd li a:hover{ color:#0060b2;background:url(../images/xl_navicon01.png) no-repeat right 15px; }

.inBox .inBd dl dt.xl_hot .hotbt{ height:20px; line-height:20px; font-size:16px; color:#333; border-left:3px solid #0060b2; padding-left:10px; margin-bottom:25px; font-weight:normal; margin-top:10px;}
.inBox .inBd dl dt.xl_hot a{ color:#333; text-align:left;}
.inBox .inBd dl dt.xl_hot a img{ width:100%; float:none; margin-bottom:10px;}
.inBox .inBd dl dt.xl_hot a b{ display:block; text-align:left; height:25px; line-height:25px; overflow:hidden;}
.inBox .inBd dl dt.xl_hot a span{ color:#999; line-height:20px; display:block; height:40px; line-height:20px; overflow:hidden;}


.navministyle{display:none;position:absolute;width:100%;height:100%;right:0;top:0;}
#m_nav{width:31px;height:30px;background:url(../images/list.png);display:block;margin-top: 13px;margin-right:10px;float:right;position:relative;z-index:999;}
#m_ss{width:31px;height:30px;display:none;margin-top:15px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy{height:30px;margin-top:20px;margin-right:10px;float:right;position:relative;z-index:999}
#m_hy a{ color:#fff;  border:1px solid #0060b2; padding:3px 5px; border-radius:3px; background:#0060b2; margin-left:5px;}

#wap_nav_l{z-index:9999;clear:both;width:100%;z-index:10;background:#0060b2;opacity:1;text-align:center;position:absolute;top: 54px;z-index:99999;-webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}

#wap_nav_l li{width:100%;height: 45px;line-height: 45px;border-top:#2767d3 1px solid;clear:both;}
#wap_nav_l li a{display:block;line-height: 45px;color:#fff;text-align:center;}
#wap_nav_l li.active a{color:#fff;background:#129ecf}
#wap_nav_l li a:hover{ background:#1e5ec8;}

.logo01{ display:block;}
.logo02{ display:none;}


/*--手机屏下拉显示 搜索框--*/
#search{ clear:both; padding:2%; width:96%;z-index:10;background:#0060b2;opacity:1;text-align:center; position:absolute; top:60px; z-index:99999; -webkit-box-shadow: 0 6px 8px rgba(0,0,0,.21);-moz-box-shadow: 0 6px 8px rgba(0,0,0,.21);box-shadow: 0 6px 8px rgba(0,0,0,.21);}
#search .ss_input{outline:none; border:0px none; width:99%; background:#fff; height:35px; line-height:35px;padding-left:1%;}
#search .ss_an{ float:right; position:relative; margin-top:-35px; height:35px; width:60px; background:#ff7800; border:none; cursor:pointer; color:#fff; border-radius:0px;}
#search .ss_an:hover{ background:#f60;}


@media only screen and (max-width:1199px){
.navigation-up .navigation-v3 li h2 a{padding:0 55px;color:#333;display:inline-block;height:50px;font-family:'Arial','Microsoft YaHei'}
.home{ background:url(../images/home01.png) no-repeat 35px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 35px  center;}
}

@media only screen and (max-width:1100px){
.navigation-up .navigation-v3 li h2 a{padding:0 35px;color:#333;display:inline-block;height:50px;font-family:'Arial','Microsoft YaHei'}
.home{ background:url(../images/home01.png) no-repeat 25px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 25px  center;}
}
	
@media only screen and (max-width:920px){
.navigation-up .navigation-v3 li h2 a{padding:0 30px;color:#333;display:inline-block;height:50px;font-family:'Arial','Microsoft YaHei'}
.product_w1200_center{ width:98%; max-width:1200px; margin:auto; height:auto; overflow:hidden; padding-bottom:30px;}
.pro_xl_bt{ width:100%; float:left; padding:45px 0 30px 0;}
.pro_xl_bt h3{ color:#0060b2;font-weight:normal;height:15px;font-size:18px; line-height:15px; margin:0px; padding:0px; }
.pro_xl_bt h2{ color:#999; font-weight:normal; font-size:12px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; margin-top:10px; ;}
.pro_xl_bt span.x{ background:#0060b2; height:3px; width:40px; display:block; margin-top:20px;}
.pro_xl_bt .scene_more{ display:block; border:1px solid #0060b2; text-align:center; color:#0060b2; width:100px; height:35px; line-height:35px; border-radius:3px; margin-top:50px;transition: all 0.5s; float:right; margin-top:-50px;}
.pro_xl_bt .scene_more span{ font-family:'Simsun'; font-weight:bold;}
.pro_xl_bt .scene_more:hover{ background:#0060b2; color:#fff;}

.outBox{ width:105%; text-align:left; float:none; clear:both; border-top:1px solid #ddd; border-left:none;overflow:hidden; padding-top:20px;}
.outBox .hd{ width:35%;border-left:none;}
.inBox{ width:64%;}
.inBox .inHd{width:50%;}
.inBox .inBd{ width:49%; float:left;}
.inBox .inBd dl dd{ float:left; width:100%; border-right:1px solid #ddd; height:330px; padding:30px 0; overflow:hidden;}
.inBox .inBd dl dt.xl_hot{ display:none;}


}

@media only screen and (max-width:780px){
.navigation-up .navigation-v3 li h2 a{padding:0 15px;}
.home{ background:url(../images/home01.png) no-repeat 15px center; text-indent:10px;} 
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 15px  center;}

	
#header{padding: 12px 0 7px 0;position:fixed;box-shadow: 0 0 20px rgba(0, 0, 0, .2);}
.navministyle ,#cnavmini{display:block;}
.top_right,.head-v3{ display:none;}
.flicker-example{padding-top: 54px;}


}
@media only screen and (max-width:690px){
.navigation-up .navigation-v3 li h2 a{padding:0 20px;}
.home{ background:url(../images/home01.png) no-repeat 5px center; text-indent:10px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 10px  center;}

}

@media only screen and (max-width:600px){
.navigation-up .navigation-v3 li h2 a{padding:0 15px;}
.home{ background:url(../images/home01.png) no-repeat 5px center; text-indent:10px;}
.navigation-up .navigation-v3 .nav-up-selected-inpage .home{ background:url(../images/home02.png) no-repeat 10px  center;}

#logo{width: 280px;height: 35px;float:left;display:block;}
#logo a{width: 280px;height: 35px;float:left;display:block;position:absolute;z-index:1000;}
.logo01{ display:none;}
.logo02{ display:block;}

.wx{display:none;}
}